<div
  class="layout-wrapper"
  [ngClass]="{
    'p-input-filled': config.inputStyle === 'filled',
    'p-ripple-disabled': !config.ripple
  }"
>
  <div class="header" style="background-image: linear-gradient(to left,red,orange,yellow,green);">
    <img
      src="assets/imgs/banner3.jpg"
      alt="广西物业服务行业信用信息管理系统"
      style="position: absolute; width: 100%; height: 100px; left: 0"
    />
    <div
      style="position: absolute; top: 0; left: 0; height: 100px; width: 100%"
    >
      <div class="title">
        <div class="zh">广西物业服务行业信用信息管理系统</div>
      </div>
      <div class="userInfo">
        <span class="split">当前用户: </span
        ><span class="split curP" (click)="isVisible = true">修改密码</span
        ><span class="split curP" (click)="conform()">退出</span
        ><span class="curP">反馈</span>
      </div>
    </div>

    <p-dialog
      header="修改密码"
      [(visible)]="isVisible"
      [style]="{ width: '600px' }"
      [baseZIndex]="10000"
    >
    <div class="p-fluid">
      <div class="p-field p-grid">
          <label for="oldPassword" class="p-col-12 p-mb-3 p-md-3 p-mb-md-0">老密码</label>
          <div class="p-col-12 p-md-9">
              <input id="oldPassword" type="password"   [(ngModel)]="model.old" pInputText>
          </div>
      </div>
      <div class="p-field p-grid">
          <label for="newPassword" class="p-col-12 p-mb-3 p-md-3 p-mb-md-0">新密码</label>
          <div class="p-col-12 p-md-9">
              <input id="newPassword" type="password"   [(ngModel)]="model.new" pInputText>
          </div>
      </div>

      <div class="p-field p-grid">
        <label for="reNewPassword" class="p-col-12 p-mb-3 p-md-3 p-mb-md-0">确认新密码</label>
        <div class="p-col-12 p-md-9">
            <input id="reNewPassword" type="password"   [(ngModel)]="model.renew" pInputText>
        </div>
    </div>

  </div>
    <!-- <div class="p-formgroup-inline">
      <div class="p-field">
          <label for="firstname" class="p-sr-only">Firstname</label>
          <input id="firstname" type="text" pInputText placeholder="Firstname">
      </div>
      <div class="p-field">
          <label for="lastname" class="p-sr-only">Lastname</label>
          <input id="lastname" type="text" pInputText placeholder="Lastname">
      </div>
      <button pButton type="button" label="Submit"></button>
  </div> -->
      <ng-template pTemplate="footer">
        <p-button
          icon="pi pi-check"
          (click)="changePWClick(true)"
          label="确定"
          styleClass="p-button-raised p-button-secondary"
        ></p-button>
        <p-button
          icon="pi pi-times"
          (click)="changePWClick(false)"
          label="取消"
          styleClass="p-button-raised p-button-primary"
        ></p-button>
      </ng-template>
    </p-dialog>
    <p-confirmDialog
      header="确定"
      [style]="{ width: '600px' }"
      icon="pi pi-exclamation-triangle"
      [acceptLabel]="'确定'"
      [rejectLabel]="'取消'"
      acceptIcon="null"
      rejectIcon="null"
    ></p-confirmDialog>
    <p-toast position="top-center"></p-toast>
  </div>

  <app-config></app-config>
  <div class="main">
    <div
      class="left"
      [class]="{collapsed:isLeftNavCollapse}"

    >
      <!-- <p-panelMenu
        [model]="leftNavItems"
        [style]="{ width: '365px' }"

      ></p-panelMenu> -->
      <app-left-nav [data]="leftNavItems" [collapsed]="isLeftNavCollapse">

      </app-left-nav>
    </div>
    <div class="content">
      <div class="content-main">
        <div class="content-header p-ai-center">
          <i
            class="pi "
            [class]="{
              'pi-angle-double-left': !isLeftNavCollapse,
              'pi-angle-double-right': isLeftNavCollapse
            }"
            (click)="toggleLeftNav()"
          ></i>
          <p-breadcrumb (onItemClick)="handleClick($event)" [model]="items" [home]="home"></p-breadcrumb>
        </div>
        <div class="inner-content">
          <router-outlet></router-outlet>
        </div>
      </div>
      <div class="footer">copyright &copy; 保留所有权</div>
    </div>
  </div>
</div>
